<template>
 <el-container class="conatiner">
    <el-aside class="aside">
      <Nav></Nav>
    </el-aside>
    <el-container class="main-container">
      <el-header class="header">头部</el-header>
      <el-main>
        <router-view></router-view>
      </el-main>
      <el-footer class="footer">版权</el-footer>
    </el-container>
 </el-container>
</template>

<script lang='ts' setup>
import Nav from './Nav.vue'
</script>

<style lang='scss' scoped>
.conatiner{
  height: 100vh;
  .aside{
    width: 200px; 
    background-color: #000;
  }
  .main-container{
    .header{
      background-color: #ccc;
    }
    .footer{
      background-color: #ccc;
    }

  }

}
</style>